<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Size - Handling Page Size</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size"/>
<meta name="flags" content="paged" />
<meta name="assert" content="A single &lt;length&gt; value for the 'size' property specifies that the page box width and height both be set to the given length." />
<style type="text/css">
	@page {
		size: 4in;
		margin: 0.5in;
		
		@left-middle {
			content: "";
			background: #ccc;
			height: 3in;
		}
		
		@right-middle {
			content: "";
			background: #ccc;
			height: 3in;
		}
	}
	html, body {
		height: 100%;
		background: aqua;
	}
</style>
</head>
<body>
	<p>The content on this page should appear in a 3 inch square blue box. The top and bottom of the blue box should match the grey boxes on either side.</p>
</body>
</html>